<template>
    <div class="main-wrapper">
        <TopNav></TopNav>
        <div class="main">
            <LeftNav></LeftNav>
            <RightContent></RightContent>
        </div>
    </div>
</template>
<script lang="ts">
import {Vue,Component} from "vue-property-decorator"
import TopNav from "../components/TopNav.vue"
import LeftNav from "../components/LeftNav.vue"
import RightContent from "./RightContent.vue"
@Component({
  name: "Main",
  components:{
    TopNav,
    LeftNav,
    RightContent
  }
})
export default class extends Vue {

}
</script>
<style>
.main-wrapper{
    margin: 0 auto;
    position: relative;
    width: 1536px;
    background-color: #eee;
    display: flex;
    flex-direction:column 
}
.main{
    width: 1536px;
    margin-top: 16px;
    display: flex;
    flex: 1;
}
</style>